// 目标：引入工具函数使用
// @代表 src 的 绝对路径
import { checkPassword, checkUserName } from "@/utils/check.js"

const unameRes = checkUserName('dingxiaodou')
const pwdRes = checkPassword('7654321')
console.log(unameRes,pwdRes)


// // 目标：点击注册 按钮，检验用户名和密码长度
// document.querySelector('.login-btn').addEventListener('click',()=>{
//     const username = document.querySelector('.username').value
//     const password = document.querySelector('.password').value

//     if(!checkUserName(username)) {
//         alert('用户名长度要大于等于8位')
//         return
//     } else if(!checkPassword(password)) {
//         alert('密码长度要大于等于6位')
//         return
//     }
//     console.log('用户名和密码长度符合要求')
// })

// 目标：引入 CSS 文件内容
import '@/css/index.css' 

// 引入 less 文件内容
import '@/less/index.less'

// 目标：要给 img 标签 设置一个 logo 图片
// 注意：再赋予给 img 的 src 图片属性的时候，需要把图片数据对象引入过来
import imgObj from '@/assets/logo.png'
document.querySelector('.logo-img').src = imgObj

// 目标：让 webpack + Babel 编译降级 JS 语法
const arr = [1, 2, 3]
const res = arr.map(val => val + 1)
console.log(res)

// 目标：基于 axios 完成注册用户功能
import axios from "axios"
document.querySelector('.login-btn').addEventListener('click',()=>{
    const username = document.querySelector('.username').value
    const password = document.querySelector('.password').value

    if(!checkUserName(username)) {
        alert('用户名长度要大于等于8位!!!!!!!!!!!!')
        return
    } else if(!checkPassword(password)) {
        alert('密码长度要大于等于6位')
        return
    }
    console.log('用户名和密码长度符合要求')
    axios({
        url:'https://hmajax.itheima.net/api/register',
        method:'POST',
        data:{
            username,
            password
        }
    }).then(result => {
        alert(result.data.message)
    }).catch(error => {
        alert(error.response.data.message)
    })
})
// consolle.log(123)